<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
		<link href="css/test.css" rel="stylesheet" type="text/css" />
		<script>
			$(document).ready(function(){
				$(".btn").click(function(){
					$(".group > li:eq(2)").fadeToggle(1000);
				})
			});
		</script>
	</head>
	<body>
		<input type="button" value="确定" class="btn" />
		<ul class="group">
			<li>
				<ul class="item">
					<li>
						<p>hellow</p>
					</li>
					<li>
						<p>world</p>
					</li>
				</ul>
			</li>
			<li>
				<ul>
					<li>
						<p>I</p>
					</li>
					<li>
						<p>Want</p>
					</li>
				</ul>
			</li>
			<li>
				<ul>
					<li>
						<p>to</p>
					</li>
					<li>
						<p>Say</p>
					</li>
				</ul>
			</li>
			<li>
				<ul>
					<li>
						<p>I</p>
					</li>
					<li>
						<p>Can</p>
					</li>
				</ul>
			</li>
			<li>
				<ul>
					<li>
						<p>do</p>
					</li>
					<li>
						<p>it</p>
					</li>
				</ul>
			</li>
		</ul>
	</body>
</html>
